<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>实时日期和时间</title>
<script>
// 获取当前日期和时间，并更新页面内容
function updateDateTime() {
    var now = new Date();
    var year = now.getFullYear();       // 年
    var month = now.getMonth() + 1;     // 月（JavaScript中月份是从0开始的）
    var day = now.getDate();            // 日
    var hours = now.getHours();         // 小时
    var minutes = now.getMinutes();     // 分钟
    var seconds = now.getSeconds();     // 秒

    // 格式化日期和时间
    month = month < 10 ? '0' + month : month;
    day = day < 10 ? '0' + day : day;
    hours = hours < 10 ? '0' + hours : hours;
    minutes = minutes < 10 ? '0' + minutes : minutes;
    seconds = seconds < 10 ? '0' + seconds : seconds;

    var dateTime = year + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds;

    // 更新页面中的元素
    document.getElementById('dateTime').innerText = dateTime;
}

// 每秒更新一次日期和时间
setInterval(updateDateTime, 1000);
</script>
</head>
<body>

<h1>实时日期和时间</h1>
<div id="dateTime"></div>

</body>
</html>
